---
group: 'components'
category: 'state'
title: Center
description: '组件内子元素水平垂直居中'
order: 1
---

## 基础用法

定义一个 center 盒子，盒子内子元素垂直水平居中

```js live=true
<Center style={{ background: '#eee',height:'50px',width:'100%' }}>
   Center组件的子元素水平垂直居中
</Center>
